@import "@automattic/typography/styles/variables";
@import "mixins";
@import "variables";

// Search results section
.help-center-search-results {
	@include help-center-link;

	.help-center-search-results-dev__resource {
		margin-right: 13px;
		display: block;
		fill: var(--studio-blue-50);
		padding-left: 19px;
		text-transform: uppercase;
		font-weight: 500;
		font-size: 0.75rem;
	}

	.help-center-search-results__title {
		font-weight: 500;
		line-height: 1.4;
		display: block;
		font-size: $font-body-small;
		text-align: left;
	}

	.help-center-search-results__empty-results {
		padding: 8px 16px 0;
		margin: 1em 0;
		font-size: $font-body-small;
		color: var(--color-text-subtle);
		font-style: italic;
		text-align: left;

		@media screen and (min-width: 661px) {
			font-size: $font-body;
		}
	}
}
